<template>
  <div>
    <template v-if="value.children.length == 0">
      <ul>
        <li>
          <span>{{ value.label }}：</span><span>{{ value.level }}</span>
        </li>
        <li><span>策略：</span><span>--</span></li>
      </ul>
    </template>
    <template v-else>
      <template v-for="j in value.children">
        <kkx :value="j"></kkx>
      </template>
    </template>
  </div>
</template>
<script>
import kklt from "./kklt.vue";
export default {
  name: "kkx",
  components: {
    kklt,
  },
  mixins: [],
  props: {
    value: {
      type: Object,
      default: {
        children: [],
      },
    },
  },
  data() {
    return {};
  },
  watch: {},
  computed: {
    // columnConfigs() {
    //   console.log(this.vpnform.scene);
    //   return columnConfigs;
    // },
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.celuebiao {
  // display: flex;
  padding: 10px;
  border: 1px solid #e8e8e8;
  width: 100%;
  ul {
    list-style: none;
    display: flex;
    width: 100%;
    li {
      flex: 17%;
    }
    li:last-child {
      flex: 49%;
    }
  }
}
::v-deep .el-form-item__content {
  .el-date-editor.el-input {
    width: 100%;
  }
}
.sceneDialog {
  ::v-deep .el-dialog__body {
    padding: 0px 20px 30px 20px;
  }
}

::v-deep .el-button {
  .el-icon-edit + span {
    margin-left: 0px;
  }
  .el-icon-delete + span {
    margin-left: 0px;
  }
}
::v-deep .el-dialog {
  min-width: 640px;
  .el-dialog__header {
    border-bottom: 1px solid #e8e8e8;
  }
  .el-dialog__footer {
    border-top: 1px solid #e8e8e8;
  }
}
.addDialog {
  .el-dialog {
    min-width: 640px;
  }

  .el-form {
    .el-form-item.slider {
      width: 100%;
    }
    ::v-deep.range {
      width: 100%;
      .el-form-item__content {
        display: flex;
        .timepicker {
          width: 100%;
        }
      }
    }
  }
}

::v-deep .el-drawer {
  min-width: 700px;
  .el-drawer__body {
    padding: 0 15px;
  }
  .demo-drawer__footer {
    margin-top: 16px;
    text-align: end;
  }
}
</style>
